{include file="common/_meta" /}
<title>添加管理员 - 管理员管理 - H-ui.admin v3.1</title>
<meta name="keywords" content="李志立，lizhilimaster@163.com">
<meta name="description" content="李志立，lizhilimaster@163.com">
</head>
<body>
<div class="page-container">
	<form action="" method="post" class="form form-horizontal" id="form-category-add" enctype="multipart/form-data">
		<div id="tab-category" class="HuiTab">
			<div class="tabCon">
				
				<div class="row cl">
					<label class="form-label col-xs-3 col-sm-2">
						<span class="c-red">*</span>
						栏目名称：</label>
					<div class="formControls col-xs-8 col-sm-9">
						<input type="text" class="input-text" value=""  placeholder="" id="name" name="name">
					</div>
					<div class="col-3">
					</div>
				</div>
				<div class="row cl wenzhang">
					<label class="form-label col-xs-3 col-sm-2">缩略图：</label>
					<div class="formControls col-xs-9 col-sm-9">
						<div class="uploader-thum-container">
							<a href="javascript:void();" class="btn btn-primary radius"><i class="icon Hui-iconfont">&#xe642;</i> 浏览文件</a>
							<input type="file" class="input-file" onchange='onpic()' name="pic" id="pic" value="" accept='image/*' style="font-size: 20px;left:0;" /><span
							 id="sp"></span>
						</div>
					</div>
				</div>
				<div class="row cl">
					<div class="col-9 col-offset-2">
						<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
					</div>
				</div>
			</div>
		</div>
	</form>
</div>
{include file="common/_footer" /}
<style type="text/css">
		.li123 {
			line-height: 30px;
			background: burlywood;
			display: inline-block;
			vertical-align: middle;
			padding: 0 8px;
		}
		#abtn,.dtbtn{
			color: red;
		}
	</style>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="__MANAGE__lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="__MANAGE__lib/ueditor/ueditor.config.js"></script> 
<script type="text/javascript" src="__MANAGE__lib/ueditor/ueditor.all.min.js"> </script> 
<script type="text/javascript" src="__MANAGE__lib/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" src="__MANAGE__lib/function.js"></script>
<script type="text/javascript">
$(function(){
	$('.skin-minimal input').iCheck({
		checkboxClass: 'icheckbox-blue',
		radioClass: 'iradio-blue',
		increaseArea: '20%'
	});
	
	$("#tab-category").Huitab({
		index:0
	});

	$("input[type=\"submit\"]").on('click',function () {
		let wo=$("#form-category-add").validate({
			rules:{
				
				catename:{
					required:true,
				},
				
			},
		});
		if(wo.form()){
			setTimeout(()=>{
				$("input[type=\"submit\"]").addClass('disabled').attr("disabled",true);
			},1000)
			var index = layer.load(1, {
				shade: [0.1,'#fff'] //0.1透明度的白色背景
			});
			// 关闭当前界面
			// var index = parent.layer.getFrameIndex(window.name);
			// parent.layer.close(index);
		}
	})



	
});


function onpic() {
	var file = document.getElementById("pic").files[0];
	document.getElementById("sp").innerHTML = '您已经选择图片：' + file['name'];
	document.getElementById("sp").className = 'li123';
}
function onpic1(e) {
	$(e).parent().find('.sp1').html(e.files[0].name).addClass('li123');
	//获取当前的值
}

</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>